<template>
  <el-select v-model="role" >
    <el-option
      v-for="item in Roles"
      :key="item.name"
      :value="item.name"
      :label="item.name"
      >
    </el-option>
  </el-select>
</template>

<script>
  export default {
    props: ["role","role_id"],
    data() {
      return {
        Roles:[],
      }
    },
     created() {
    this.getRole()
  },
    methods: {
        //增加一个查询数据库角色的方法
        getRole(){
            this.$axios.get("/api/rbacManager/findAllRole")
        .then(res => {
          console.log(res);
          if (res.data.code == 200) {
            this.Roles = res.data.data
          }
        })
        .catch()
        } 
    },
    watch:{
        //value表示被监听的值，value发生变化，方法就会执行
        value:function(newValue,oldValue){
            //data中的fuvalue初始化以后不再改变，但是我们可以手动去修改它！
            this.fuvalue  = newValue;
        }
    }
  }
</script>